<template>
	<view>
		<view class="info">
     <view class="success-icon">
       <u-icon name="checkmark-circle-fill" color="#61916f" size="80"></u-icon>
     </view>
      <view class="success-text">预定成功！</view>
      <view class="success-info">您已预定成功！ <text class="blue">点击此处</text>联系客服咨询详情～</view>
      <view style="padding: 30rpx">
        <u-button  color="#000" text="确定" ></u-button>
      </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
page{
  background-color: #F5F5F5;
}
.info{
  background-color: white;
  margin-top: 30rpx;
  padding: 30rpx;
  border-radius: 30rpx;
  .success-icon{
    display: flex;
    justify-content: center;
    padding: 60rpx 0;
  }
  .success-text{
    text-align: center;
    font-size: 32rpx;
  }
  .success-info{
    margin-top: 20rpx;
    text-align: center;
    .blue{
      color: #237DCB;
    }
  }
}
</style>
